body{
	margin:0px;
	padding:0px;
	background:#19191F;
	font-family:Tahoma, Geneva, sans-serif;
	color:#F1F1FF;
}
img{ border:0px }
.container{ width:965px; margin:0px auto; border:0px solid red; }
.clear{ clear:both;}
.spacer{ height:10px; }

h2{ margin:3px; color:#96DE64; font-weight:normal; font-family:Trebuchet MS1, Trebuchet MS, sans-serif; }

a{ text-decoration:none; }
a:link, a:visited{ color:#6B69EA; }
a:hover, a:active{ color:#4B49CA; }


#header{ margin:20px 10px 20px 10px; }
#header img{ margin:0px 200px; width:600px; display:block; }
#header a{ color:#777; }
#header h1{ display:inline-block; font-size:40px; margin:2px 2px 2px 1px; }
#header h2{ display:inline-block; font-size:30px; margin:-15px 2px 2px 1px; }

#navigation{ width:960px; display:block; margin:10px 0px 0px 0px; }
#navigation a{
	width:134px;
	font-size:20px;
	text-align:center;
	display:inline-block;
	margin:0px 50px 10px 50px;
	padding:10px 0px;
	color:#CE104A;
	border-radius:10px;
	-moz-border-radius:10px;
	border-right:3px solid #212127;
	border-left:3px solid #212127;
}
#navigation a:hover, navigation a:active{ color:#BE003A; }
#navigation .here{ border-right:3px solid #39393F; border-left:3px solid #39393F; }





#gallery, #body, #bodyWhole{
	overflow:hidden;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:#252527;
	background: -webkit-gradient(linear, left top, left bottom, from(#252527), to(#17171C));
	background: -moz-linear-gradient(top,  #252527,  #17171C);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252527', endColorstr='#17171C');
}


#gallery{
	width:240px;
	margin:20px;
	padding:10px;
	display:inline-block;
	float:left;
}

#gallery a img{ 
	width:100px; 
	height:100px; 
	margin:10px;
	opacity:0.35;
	filter:alpha(opacity=35);
}
#gallery img.here{ 
	opacity:1.0;
	filter:alpha(opacity=100);
}


#gallery a.nextButton{
	width:100px; 
	margin:10px;
	color:#6B69EA;
	text-align:center;
	display:inline-block;
	float:left;
}
#gallery a.nextButton:hover{ color:#4B49CA; }



#body, #bodyWhole{
	padding:10px;
	/*color:white;*/
}
#body{ width:570px; margin:20px; display:inline-block; }
#body #info{ width:540px; margin:20px auto 60px auto; }
#body #info p{ font-size:16px; line-height:21px; }
#body #name{ margin:0px 10px 10px 10px; }

#body #images{ width:540px; margin:20px auto; display:block; }
#body #images.pic{ width:352px; background:white; padding:5px 7px 8px 5px; }
#body #images.pic img{ 
	border:1px solid #222;
	-moz-box-shadow:    2px 2px 5px 2px #777;
	-webkit-box-shadow: 2px 2px 5px 2px #777;
	box-shadow:         2px 2px 5px 2px #777;
}
#body #images.site{ 
	width:540px;
	background:#333;
}
#body #images.site img{
}
#body #images.site .button{ height:15px; width:15px; display:block; border-radius:15px; margin:5px auto -5px; background:#404040; border:1px solid #333; }
#body #images img{ margin:0px auto; display:block; }

#body #description{ width:540px; margin:20px auto; }
#body #description p{ margin:7px 0px; font-size:14px; line-height:18px; }

#bodyWhole{ width:760px; padding-right:20px; margin:20px auto 20px auto; font-size:16px; line-height:20px; }
#bodyWhole #images img{ width:200px; margin:20px; display:inline-block; float:left;  }
#bodyWhole #description{ margin:16px 20px; }




#footer{ 
	width:960px;
	margin-bottom:10px;
	display:block;
	color:#96DE64;
	text-align:center;
	font-size:12px;
}



#resume { list-style-type:none;  }
#resume .resume p{ margin:0px 10px 5px -20px; padding-bottom:2px; border-bottom:1px solid #39393F; color:white; }
#resume ul{ }
#resume ul li{ color:#A9A9AF; }
#resume ul li span{ color:#F1F1FF; }
#downloadResume{  }
.downloadResume{ text-align:center; margin:10px; }
.downloadResume a{ font-size:20px; text-align:center; text-decoration:none; }
.downloadResume a:link, .downloadResume a:visited{ color:#96DE64; }
.downloadResume a:hover, .downloadResume a:active{ color:#7EC64C; }